import { FC, SVGProps } from 'react'

export const HatPersonIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
  <svg
    width="43"
    height="52"
    viewBox="0 0 43 52"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M21.5098 9.09802C16.3631 9.09802 12.1764 13.2847 12.1764 18.4314C12.1764 23.578 16.3631 27.7647 21.5098 27.7647C26.6564 27.7647 30.8431 23.578 30.8431 18.4314C30.8431 13.2847 26.6564 9.09802 21.5098 9.09802ZM21.5098 33.098C13.5471 33.098 1.50977 37.8847 1.50977 45.098V49.098C1.50977 50.57 2.70443 51.7647 4.17643 51.7647H38.8431C40.3151 51.7647 41.5098 50.57 41.5098 49.098V45.098C41.5098 37.8847 29.4724 33.098 21.5098 33.098Z"
      fill="white"
    />
    <path
      d="M21.5097 0.860352C13.4574 0.860352 8.04223 5.6382 7.21847 13.2168H2.97495C1.83815 13.2168 0.915527 14.1395 0.915527 15.2763C0.915527 16.4131 1.83815 17.3357 2.97495 17.3357H40.0444C41.1812 17.3357 42.1039 16.4131 42.1039 15.2763C42.1039 14.1395 41.1812 13.2168 40.0444 13.2168H35.8009C34.9771 5.6382 29.562 0.860352 21.5097 0.860352Z"
      fill="white"
    />
  </svg>
)
